<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/css.css">
		<link rel="stylesheet" href="css/color.css"/>
		<base target="_blank">
	</head>
	<body>
		<header>
			<i></i>
			<ul class="top-list">
				<li><a class="d-lines" href="https://www.dccomics.com/">Dc官网</a></li>
				<li><a class="d-lines" href="https://site.douban.com/137075/">豆瓣蝙蝠侠站</a></li>
				<li><a class="d-lines" href="https://manhua.dmzj.com/bianfuxiazhimingwanxiao/12763.shtml#@page=1">在线看漫</a></li>
				<li><a class="d-lines" href="https://www.wandouys.com/video/46863.html">在线观影</a></li>
			</ul>
		</header>
		<main>
			<div class="content introduce">
				<h2>人物介绍</h2>
				<h3>小丑</h3>
				<p class="text-info"><span>文章作者：百度百科</span><span>文章发表时间：2018/12/24</span></p>
				<section>
					<p>小丑（Joker）是美国DC漫画旗下超级反派、蝙蝠侠的头号死敌，他的真实姓名和身世至今仍是一个谜，初次登场于《蝙蝠侠》（Batman）第1期（1940年6月），其角色灵感来自于法国著名作家维克多·雨果的小说《笑面人》中笑面人的形象，经过鲍勃·凯恩（Bob Kane）、比尔·芬格（Bill Finger）和杰瑞·罗宾逊（Jerry Robinson）三位主创的讨论，最后将其设定成一个绿色头发，惨白皮肤，咧着嘴涂着红色口红，穿着紫色衣服的怪人。而小丑那张“大王”的扑克牌名片，则是杰瑞·罗宾逊独家的创意。</p>
					<p>小丑常年稳居美媒票选的TOP100漫画反派角色第一名的位置，IGN评选的史上最伟大漫画反派角色中，小丑排名第一。</p>
				</section>
				<div class="img-show">
					<img src="img/2.jpg">
				</div>
			</div>
			<div class="content vedio">
				<h2>影视剪辑</h2>
				<h3>小丑在聚会上的一幕</h3>
				<p class="text-info"><span>文章作者：百度百科</span><span>视频来源：新浪微博</span><span>文章发表时间：2018/12/24</span></p>
				<section>
					<ul class="motto">
						<li>
							<p>1.Nobody panics when tdings go ”according to plan.” Even if tde plan is horrifying! </p>
						</li>
						<li>
							<p>当事情“按计划”进行时，没有人会惊慌，即使这个计划是可怕的.</p>
						</li>
						<li>
							<p>2.Why so serious！</p>
						</li>
						<li>
							<p> 干嘛这么严肃呢！ </p>
						</li>
						<li>
							<p>3.Understand otders need to bleed on their own </p>
						</li>
						<li>
							<p>理解别人需要自己流血 </p>
						</li>
					</ul>
				</section>
						<h4 class="vedio-title">精彩视频片段</h4>
					<video controls poster="img/3.jpg">
						<source src="media/joker.mp4" type="video/mp4">
					</video>
			</div>			
			<div class="content actor-tab">
				<h2>蝙蝠侠：黑暗骑士演员表</h2>	
				<div class="tab">
				<table>
					<caption></caption>
					<tr class="b1">
						<td class="b3"></td>
						<td class="b3">角色</td>
						<td class="b3">演员</td>
						<td class="b3">人物简介</td>
					</tr>
					<tr>
						<td class="b5">
							<img src="img/icon/1.png" alt="小丑joker">
						</td>
						<td class="b2">小丑</td>
						<td class="b1">希斯·莱杰</td>
						<td class="b10"><p>在戈登局长的大力配合下，蝙蝠侠不再是孤独的英雄，哥潭市正在从黑暗的边缘回到风气清明的安全城市。此时出现了一名叫做“小丑”的狂人。他不在乎金钱，也不求名利，他制造爆炸和屠杀，小丑所要做的就是对人性重新做考量，他要迫使从不杀人的蝙蝠侠手上染血。</p></td>
					</tr>
					<tr>
						<td class="b6">
							<img src="img/icon/5.png" alt="batman">
						</td>
						<td class="b2">布鲁斯·韦恩</td>
						<td class="b1"> 克里斯蒂安·贝尔 </td>
						<td class="b6">
							<p>
大部分时间，韦恩老爷都是哥潭市的花花公子和家族企业CEO，但当这座城市面临危机的时候，当欺诈、暴力、犯罪企图玷污这座城市的时候，他就是正义之神蝙蝠侠。幼小时他目睹了自己的父母死在罪犯手下，从此抛弃了优渥的生活，走南闯北，接受“影武者”联盟的特训，并为自己配备了高科技武器，在夜晚独自维护哥潭市的安宁。</p>
						</td>
					</tr>
					<tr>
						<td class="b8">
							<img src="img/icon/2.png" alt="双面人">
						</td>
						<td class="b3">哈维·丹特</td>
						<td class="b1">艾伦·艾克哈特</td>
						<td class="b7"><p>
光明而又善良的检察官哈维·丹特唯一的问题就是太过偏执，自从他毁容的那一刻起，自从那枚硬币的一面布满刮痕的那一刻起，他的冲动与决心最终酿成了大错。</p></td>
					</tr>
					<tr>
						<td class="b9">
							<img src="img/icon/3.png" alt="警长">
						</td>
						<td class="b3">吉姆·戈登</td>
						<td class="b4">加里·奥德曼</td>
						<td class="b8"><p>戈登是哥潭市警察局的局长，在哥潭市政界、警界沆瀣一气的腐败体制中，戈登局长洁身自好却无能为力。蝙蝠侠横空出世之后，他与蝙蝠侠携手担当起维护哥潭治安的大任。</p></td>
					</tr>
					<tr>
						<td class="b10">
							<img src="img/icon/4.png" alt="检察官">
						</td>
						<td class="b3">瑞秋</td>
						<td class="b4">玛吉·吉伦哈尔</td>
						<td class="b7"><p>瑞秋是哥潭市法院的检察官,在得知蝙蝠侠意愿后,渐渐与哥谭市新任地方检察官哈维·丹特交往。但小丑在试图谋杀市长未果后，瑞秋与丹特被绑架，两人被各自放在充满汽油桶和遥控爆炸物的大楼内。</p></td>
					</tr>
				</table>
				</div>
			</div>
			<div class="content form">
				<h2>注册窗口</h2>
				<form action="">
					<p>
						邮箱地址:
						<input type="text" placeholder="请输入邮箱地址" required>
					</p>
					<p>
						密码:
						<input type="password" placeholder="请输入密码" required>
					</p>
					<p>
						重复输入密码:<input type="password" placeholder="请重复输入密码" required>
					</p>
					<p>
						性别:<input type="radio" id="man" name="sex" required><label for="man">男</label><input type="radio" id="woman"  name="sex" required><label for="woman">女</label>
					</p>
					<p>
						城市:
						<select required>
							<option value ="北京">北京</option>
							<option value ="上海">上海</option>
							<option value ="广州">广州</option>
							<option value ="安徽">安徽</option>
							<option value ="南京">南京</option>
						</select>
					</p>
					<p>
						爱好:
						<input type="checkbox" name="hobby" id="sport"><label for="sport">运动</label>
						<input type="checkbox" name="hobby" id="art"><label for="art">艺术</label>
						<input type="checkbox" name="hobby" id="travel"><label for="travel">旅游</label>
						<input type="checkbox" name="hobby" id="reading"><label for="reading">阅读</label>
					</p>
					<p class="textarea">
						<span>个人描述:</span>
						<textarea rows="" cols=""></textarea>
					</p>
					<p>
						<button class="btn-1">我有账号,我要登录</button>
						<button class="btn-2">注册</button>
					</p>
				</form>
			</div>
		</main>
		<footer>
			<p>liLong版权所有</p>
		</footer>
	</body>
</html>
